// @ts-ignore
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// 6.6方法二：
import path from 'path'
// 6.4方法一：
// import { resolve } from 'path';



// 七、安装 element-plus
// 7.1安装 npm i element-plus
// 7.2安装自动导入 npm install -D unplugin-vue-components unplugin-auto-import
// 7.3导入下面三行
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'


// https://vitejs.dev/config/
export default defineConfig({
  // plugins: [vue()],
  // 7.4配置自动导入
  plugins: [
    vue(),
    // 7.5添加该两行，保存之后会出现 auto-imports.d.ts 和 components.d.ts 文件
    // 7.6去到 views 文件夹里面的 Login 文件夹里面的 Login.vue
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    Components({
      resolvers: [ElementPlusResolver()],
    }),
  ],
  // 6.5方法一：
  // resolve: {
  //   alias: {
  //     '@': resolve('./src/'),
  //   },
  // },

  // 6.7方法二：
  resolve: {
    alias: {
      // @ts-ignore
      '@': path.resolve(__dirname, './src/'), //修改别名
    },
  },
  
  server : {
    proxy: {
      '/api':{
        target: 'http://xue.cnkdl.cn:9082/mall-admin/',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, ''),
      } 
    }
  }
})
